<div class="header" style="z-index: 9;">
    <span class="j-back" style="text-align:left;">
        <img class="return" src="images/return.png" alt="" style="width:7%;">
    </span>
    <div class="txt j-txt-box"></div>
    <span style="text-align:right;">
        <img class="share_open hide" src="images/share.png" alt="" style="width:14%;">
    </span>
</div>
<!--分享弹出框-->
<div class="share_box hide">
    <div class="share_con">
        <p class="title" style="border-bottom:1px solid #828282;">分享到</p>
        <ul>
            <li><a href="javascript:;" class="share_item" data-id="1"><img src="images/news_wechat.png" alt="" style="width:54%;"></a></li>
            <li><a href="javascript:;" class="share_item" data-id="2"><img src="images/news_friends.png" alt="" style="width:50%;"></a></li>
            <li><a class="hide" href=""><img src="images/news_QQ.png" alt="" style="width:50%;"></a></li>
            <li><a class="hide" href=""><img src="images/news_copy.png" alt="" style="width:52%;"></a></li>
        </ul>
        <p class="title share_close" style="border-top:1px solid #828282;overflow:hidden;">取消</p>
    </div>
</div>
<script>
    $(function () {
        // 返回到上一个页面
        $(".j-back").click(function () {
            history.back();
        });
        // 打开分享
        $(".share_open").click(function () {
            $(".share_box").removeClass("hide");
        });
        // 关闭分享
        $(".share_close").click(function () {
            $(".share_box").addClass("hide");
        });
        $(".j-txt-box").html(heardertxt || '');
    })
</script>
